
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Apple devices fullscreen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link href="../css/main.css?v=12u234y" rel="stylesheet" type="text/css">
<link href="../css/page.css" rel="stylesheet" type="text/css">
<link href="../font/css/font-awesome.min.css" rel="stylesheet" />
<!--[if IE 7]>
  <link rel="stylesheet" href="../font/css/font-awesome-ie7.min.css">
<![endif]-->
<link href="../js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="../js/perfect-scrollbar.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">html, body { overflow: visible;}</style>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script><!-- 弹窗js 参考文档 http://layer.layui.com/-->
<script type="text/javascript" src="../js/admin.js"></script>
<script type="text/javascript" src="../js/flexigrid.js"></script>
<script type="text/javascript" src="../js/jquery.validation.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<script src="../js/myFormValidate.js"></script>
<script src="../js/myAjax2.js"></script>
<script src="../js/global.js"></script>
<script type="text/javascript">
function delfunc(obj){
	layer.confirm('确认删除？', {
		  btn: ['确定','取消'] //按钮
		}, function(){
			$.ajax({
				type : 'post',
				url : $(obj).attr('data-url'),
				data : {act:'del',del_id:$(obj).attr('data-id')},
				dataType : 'json',
				success : function(data){
					if(data==1){
						layer.msg('操作成功', {icon: 1});
						$(obj).parent().parent().parent().remove();
					}else{
						layer.msg(data, {icon: 2,time: 2000});
					}
				}
			})
		}, function(index){
			layer.close(index);
			return false;// 取消
		}
	);
}

function delAll(obj,name){
	var a = [];
	$('input[name*='+name+']').each(function(i,o){
		if($(o).is(':checked')){
			a.push($(o).val());
		}
	})
	if(a.length == 0){
		layer.alert('请选择删除项', {icon: 2});
		return;
	}
	layer.confirm('确认删除？', {btn: ['确定','取消'] }, function(){
			$.ajax({
				type : 'get',
				url : $(obj).attr('data-url'),
				data : {act:'del',del_id:a},
				dataType : 'json',
				success : function(data){
					if(data == 1){
						layer.msg('操作成功', {icon: 1});
						$('input[name*='+name+']').each(function(i,o){
							if($(o).is(':checked')){
								$(o).parent().parent().remove();
							}
						})
					}else{
						layer.msg(data, {icon: 2,time: 2000});
					}
					layer.closeAll();
				}
			})
		}, function(index){
			layer.close(index);
			return false;// 取消
		}
	);	
}

//表格列表全选反选
$(document).ready(function(){
	$('.hDivBox .sign').click(function(){
	    var sign = $('#flexigrid > table>tbody>tr');
	   if($(this).parent().hasClass('trSelected')){
	       sign.each(function(){
	           $(this).removeClass('trSelected');
	       });
	       $(this).parent().removeClass('trSelected');
	   }else{
	       sign.each(function(){
	           $(this).addClass('trSelected');
	       });
	       $(this).parent().addClass('trSelected');
	   }
	})
});

//获取选中项
function getSelected(){
	var selectobj = $('.trSelected');
	var selectval = [];
    if(selectobj.length > 0){
        selectobj.each(function(){
        	selectval.push($(this).attr('data-id'));
        });
    }
    return selectval;
}
</script>
</head>
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
	<div id="list">
		<div class="fixed-bar">
			<div class="item-title">
				<div class="subject">
					<h3>分销关系</h3>
					<h5>查看代理商层级关系</h5>
				</div>
			</div>
		</div>
		<!-- 操作说明 -->
		<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
			<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
				<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
				<span title="收起提示" id="explanationZoom" style="display: block;"></span>
			</div>
			<ul>
				<li>查看代理商层级关系。</li>
			</ul>
		</div>
		<div class="flexigrid">
			<div class="mDiv">
				<div class="ftitle">
					<h3>分销人员列表</h3>
					<h5>(共11张记录)</h5>
				</div>
				<div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
							</div>
			<div class="hDiv">
				<div class="hDivBox">
					<table cellspacing="0" cellpadding="0">
						<thead>
						<tr>
							<th class="sign" axis="col0">
								<div style="width: 24px;">
									<i class="ico-check"></i>
								</div>
							</th>
							<th axis="col1" class="handle" align="center">
								<div style="text-align: center; width: 150px;">操作</div>
							</th>
							<th axis="col2" class="" align="left">
								<div style="text-align: left; width: 200px;">会员ID</div>
							</th>
							<th axis="col4" class="" align="left">
								<div style="text-align: left; width: 100px;">会员名称</div>
							</th>
							<th style="width:100%" axis="col6"><div></div></th>
						</tr>
						</thead>
					</table>
				</div>
			</div>

			<div class="tDiv">
								<div style="clear:both"></div>

			</div>
			<div class="bDiv" style="height: auto;">
				<div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
					<table>
						<tbody>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/4.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">4</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					13527626251									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/9.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">9</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					18281018630									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/12.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">12</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					15889560661									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/13.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">13</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					13469225323									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/14.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">14</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					15889561234									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/15.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">15</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					703522189@qq.com									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/16.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">16</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					Unique									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/22.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">22</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					品牌维护已认证									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/24.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">24</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					Unique									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/25.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">25</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					进击的葫芦娃									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
													<tr id="row130" data-id="130" class="">
								<td class="sign">
									<div style="width: 24px;"><i class="ico-check"></i></div>
								</td>
								<td class="handle" align="center">
									<div style="text-align: center; width: 150px;">
										<span class="btn"><em><i class="fa fa-cog"></i>设置 <i class="arrow"></i></em>
											<ul>
												<li><a href="/index.php/Admin/Distribut/tree/first_leader/28.html">查看下级</a></li>
											</ul>
										</span>
									</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 200px;">28</div>
								</td>
								<td class="" align="left">
									<div style="text-align: left; width: 100px;">
										<i class="icon-folder-open"></i>
																					小默									</div>
								</td>
								<td class="" style="width: 100%;" align="">
									<div>&nbsp;</div>
								</td>
							</tr>
												</tbody>
					</table>
				</div>
				<div class="iDiv" style="display: none;"></div>
			</div>
			<!--分页位置-->
			 </div>
	</div>
</div>
<script>
	$(document).ready(function(){
		// 表格行点击选中切换
		$('#flexigrid > table>tbody >tr').click(function(){
			$(this).toggleClass('trSelected');
		});

		// 点击刷新数据
		$('.fa-refresh').click(function(){
			location.href = location.href;
		});

	});
	function return_top_level()
	{
		window.location.href = "/index.php/Admin/Distribut/tree.html";
	}
</script>
</body>
</html>